<button class="relative w-32 h-20 overflow-hidden border-4 border-purple-700 bt"> hover me </button>

<style>
	/* your styles go here */
	.bt {
	}
	.bt:hover {
		background-color: transparent;
		box-shadow: 0 0 20px 10px rgba(238, 232, 229, 0.904);
	}
	.bt::before {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(120deg, transparent, #f40, transparent);
		transform: translateX(-100%);
		transition: 0.6s;
	}
	.bt:hover::before {
		transform: translateX(100%);
	}
</style>
